html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: Sans-Serif;
    font-size: 9pt;
}
#map {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 40px;
    bottom:0px;
    width: 100%;
    
}
#divZoom {
    position: absolute;
    top: 65px;
    z-index: 10;
    left: 20px;
}
#divTogg {
    position: absolute;
    top: 5px;
    z-index: 10;
    left: 20px;
    top: 132px;
    width: 15px;
}
#disclm {
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 55
}

#distxt {
    background-color: #fff;
    padding: 7px 7px 7px 7px;
    border: double;
    position: absolute;
    top: 35%;
    left: 35%;
    z-index: 100;
    width: 400px;
    height: 200px;
    display: none;
}
#HomeButton
{
    position: absolute;
    top: 180px;
    left: 20px;
    z-index: 50;
}
#LocateButton
{
    position: absolute;
    top: 213px;
    left: 20px;
    z-index: 50;
}
#dlA
{
    display: none;
    position: absolute;
    right: 100px;
    top: 7px;
    z-index: 2;
    
    width:120px;
    height:25px;
}


#loc
{
    display: block;
    position: absolute;
    border-bottom: solid 2px #F3F781;
    background-color: #364C6C;
    color: #ffffff;
    top: 0px;
    width: 100%;
    height: 40px;
    left: 0px;
    z-index: 2;
}
#divSteps {
    top: 60px;
    left: 0px;
    background-color:  #fff;
    padding: 2px;
    z-index: 99;
    width: 350px;
    
}
#hdr {
    background-image: url(../img/permit_header.jpg);
    background-repeat: no-repeat;
    width: 1200px;
    height: 60px;
    position: absolute;
    z-index: 50;
    top: 0px;
    left: 0px;
}
#logo
{
    position: absolute;
    z-index: 50;
    top: 0px;
    left: 0px;
    height: 60px;
    width: 100%;
    background-image:url(../img/permit_header_bg.png);
    background-repeat:repeat-x;
    
}
#loading {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 100%;
    text-align: center;
    color: red;
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
    background-color: rgba(0, 0, 0, 0.3);
    display:none;
}

.tit
{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    margin-left:3px;
}
.tit3
{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    
}
.tit4
{
    font-size: 12px;
    font-weight: bold;
    color:#364C6C;
    height:30px;
    vertical-align:middle;
    background-color:#364C6C;
}
.esri-basemap-toggle__container, .esri-basemap-toggle__image {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.tit5
{
    font-size: 12px;
    font-weight: bold;
    color:#364C6C;
    height:30px;
    vertical-align:middle;
    width:144px;
    height:20px;
    text-align:center;
    
    
}
.tit2
{
    font-size: 12px;
    font-weight: bold;
    color: #364C6C;
    padding-top:4px;
    padding-bottom:4px;
    
}
#paramtit {
    width: 225px;
    height: 410px;
    background-image: url(../img/permit_header_bg.png);
   
    z-index: 55;
    position: absolute;
    right: 0px;
    top: 60px;
    padding-left: 0px;
}

 
    	
#param
{
    width: 223px;
    height: 380px;
    background-color:#e6f2ff;
    overflow:hidden;
    margin-right: 1px;
   position: absolute;
    right: 0px;
    top: 25px;
   
}

#paramlist
{
    width: 240px;

    height:400px;
    overflow-y: scroll;
    margin-right: 0px;
    position: relative;
z-index:50;
}



.esriSimpleSlider
{
    top: 70px !important;
}
.arcgisSearch .searchGroup .searchInput
{
    font: bold 12px Arial, Helvetica, sans-serif;
}

.esriPopup .titlePane
{
    background-color: #364C6C;
}

.esriPopup .titleButton.next
{
    right: 40px;
}

.esriPopup .titleButton.prev
{
    right: 53px;
}
.busy_indicator
{
	width: 75px;
	height: 20px;
	line-height: 20px;
	background-image: url("/images/busy.gif");
	background-repeat: no-repeat;
	background-position-x: 59px;
	background-position-y: center;
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: 400;
	color: #444444;
	font-style: italic;
	margin-left: 4px;
}

.select {
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Calibri, Verdana, Arial, sans-serif;
    font-size: 12px;
    width: 320px;
}
select {
  
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Calibri, Verdana, Arial, sans-serif;
    font-size: 12px;
}

a { font-family:Arial,Helvetica; font-size:12px; font-weight:bold; text-decoration:none;  }
    a:link {
        color: #023399;
    }
a:visited { color:#364C6C;}
    a:active {
        color: #023399;
    }
a:hover {    color: #5174FF;  }

input[type="text"] {
   border: 1px solid #AAA;
    border-radius: 2px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 12px;
}
.ts {
     border:1px solid black;
       
}
.ts3 {
    background-color: #023399;
    color:#fff;
border:1px solid #fff;
}
.ls {font-family: Calibri, Verdana, Arial, sans-serif; font-size: 12px; margin-left:10px;}
.lst {
    Width: 100%;
    Height: 270px;
    font-family: Calibri, Verdana, Arial, sans-serif;
    font-size: 12px;
    border-collapse:collapse;
    border: 1px solid black;
    z-index:1000;
}


.ls0 {
    font-family: Calibri, Verdana, Arial, sans-serif;
    font-size: 12px;
    margin-left: 10px;display:none;
}
.skip-main {
    position: absolute;
    bottom: 0;
    font-size: 1px;
    height: 1px;
    width: 1px;
    text-decoration: none;
}
#loading {
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 101;
    background-image: url("../img/loading.gif");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}
#divHide {
    position: absolute;
    z-index: 99;
    right: 0px;
    height: 25px;
    bottom: 0px;
    width: 300px;
    background-color: #fff;
    display: none;
    opacity: 0.75;
    text-align: right;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
.sel0 {
    width: 191px;
padding-left:5px;
}
.sel1 {
    width: 113px;
padding-left:5px;
}
.sel2 {
    width: 27px;
padding-left:5px;
}
.sel3 {
    width: 40px;
padding-left:5px;
}
.sel4 {
    width: 83px;
padding-left:5px;
}
.nosw{
    display:none;
}
.nobrd{
    border:none;
}
.lsc{
    text-align:center;
}
.searchIcon {
    float:right;
    outline: 0;
    width: 108px;
    height: 25px;
    display: block;
    overflow: hidden;
    margin: 6px 6px 6px 6px;
    cursor: pointer;
    /*background: none;*/
    border: none;
    background-image: url(../img/btn_search.png);
    background-size: cover;
    /*background-repeat:no-repeat;*/
}
    .searchIcon:focus {
        background-color: pink;
    }
.clearIcon {
    float: right;
    outline: 0;
    width: 108px;
    height: 25px;
    display: block;
    overflow: hidden;
    margin: 0px 6px 6px 6px;
    cursor: pointer;
    /*background: none;*/
    border: none;
    background-image: url(../img/btn_clr.png);
    background-size: cover;
    /*background-repeat:no-repeat;*/
}

    .clearIcon:focus {
        background-color: pink;
    }
.calIcon {
    float: right;
    outline: 0;
    width: 20px;
    height: 22px;
    display: block;
    overflow: hidden;
    /*margin: 6px 6px 6px 6px;*/
    cursor: pointer;
    /*background: none;*/
    border: none;
    background-image: url(../img/cal.png);
    background-size: cover;
    vertical-align:text-top;
    /*background-repeat:no-repeat;*/
}
    .calIcon:focus {
        background-color: pink;
    }
.clpIcon {
    float: right;
    outline: 0;
    width: 21px;
    height: 21px;
    display: block;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    /*background: none;*/
    border: none;
    background-image: url(../img/clp.png);
    background-size: cover;
  vertical-align:top;
    /*background-repeat:no-repeat;*/
}
    .clpIcon:focus {
        background-color: pink;
    }
.expIcon {
    float: right;
    outline: 0;
    width: 21px;
    height: 21px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    /*background: none;*/
    border: none;
    background-image: url(../img/exp.png);
    background-size: cover;
    
    display:none;
    /*background-repeat:no-repeat;*/
}
    .expIcon:focus {
        background-color: pink;
    }
.goIcon {
    float: right;
    outline: 0;
    width: 30px;
    height: 20px;
    display: block;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    /*background: none;*/
    border: none;
    background-image: url(../img/go.gif);
    background-size: cover;
  
    /*background-repeat:no-repeat;*/
}
.goIcon:focus {
    background-color: pink;
}
#divShow {
    position: absolute;
    z-index: 99;
    right: 0px;
    height: 25px;
    bottom: 0px;
    width: 100px;
    background-color: #fff;
    display: none;
    opacity: 0.75;
    text-align: right;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}
#dTest {
    padding: 0px;
    overflow: auto;
    height: 100%;
}
#divBottom {
    position: absolute;
    width: 100%;
    height: 33%;
    display: none;
    z-index: 99;
    background-color: #F8F8F8;
    opacity: 0.75;
    filter: alpha(opacity=75);
    left: 0px;
    bottom: 25px;
}
.showIcon {
    float: left;
    outline: 0;
    width: 100px;
    height: 25px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    /*background: none;*/
    border: none;
    background-image: url(../img/btn_show.png);
    background-size: cover;
    /*background-repeat:no-repeat;*/
}
    .showIcon:focus {
        background-color: pink;
    }
.hideIcon {
    float: left;
    outline: 0;
    width: 100px;
    height: 25px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    /*background: none;*/
    border: none;
    background-image: url(../img/btn_hide.png);
    background-size: cover;
    /*background-repeat:no-repeat;*/
}
    .hideIcon:focus {
        background-color: pink;
    }
.dlIcon {
    float: left;
    outline: 0;
    width: 100px;
    height: 25px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    /*background: none;*/
    border: none;
    background-image: url(../img/btn_download.png);
    background-size: cover;
    /*background-repeat:no-repeat;*/
}
.dlkIcon {
    float: left;
    outline: 0;
    width: 100px;
    height: 25px;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    /*background: none;*/
    border: none;
    background-image: url(../img/btn_kmz.png);
    background-size: cover;
    /*background-repeat:no-repeat;*/
}
    .dlIcon:focus {
        background-color: pink;
    }
.tbl {
    background-image: url(../img/bk.jpg);
    height: 25px;
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate;
}
.dis {
    text-decoration: underline;
    text-align: center;
    color: #0026ff
}
.lshd{
    display:none;
}
.lk {
    color: #023399
}